.zk-checkbox,
.zk-checkbox__input {
  white-space: nowrap;
  cursor: pointer
}

.zk-checkbox,
.zk-checkbox__inner,
.zk-checkbox__input {
  display: inline-block;
  position: relative
}

.zk-checkbox {
  color: #1f2d3d;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.zk-checkbox+.zk-checkbox {
  margin-left: 15px
}

.zk-checkbox__input {
  outline: 0;
  line-height: 1;
  vertical-align: middle
}

.zk-checkbox__inner {
  border: 1px solid #C0CCDA;
  border-radius: 4px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  background-color: #fff;
  z-index: 1;
  -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
  transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.zk-checkbox__inner:not(.is-disabled):hover {
  border-color: $color-primary
}

.zk-checkbox__inner::after {
  content: "";
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 8px;
  left: 5px;
  position: absolute;
  top: 1px;
  -webkit-transform: rotate(45deg) scaleY(0);
  transform: rotate(45deg) scaleY(0);
  width: 4px;
  -webkit-transition: -webkit-transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
  transition: -webkit-transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
  transition: transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
  transition: transform .15s cubic-bezier(.71, -.46, .88, .6) .05s, -webkit-transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
  -webkit-transform-origin: center;
  transform-origin: center
}

.zk-checkbox__inner.is-disabled.is-checked {
  background-color: #D3DCE6;
  border-color: #D3DCE6
}

.zk-checkbox__inner.is-disabled.is-checked::after {
  border-color: #fff
}

.zk-checkbox__inner.is-disabled.is-indeterminate {
  background-color: #D3DCE6;
  border-color: #D3DCE6
}

.zk-checkbox__inner.is-disabled.is-indeterminate::before {
  border-color: #fff
}

.zk-checkbox__inner.is-indeterminate {
  background-color: $color-primary;
  border-color: $color-active;
}

.zk-checkbox__inner.is-indeterminate::before {
  content: '';
  position: absolute;
  display: block;
  border: 1px solid #fff;
  margin-top: -1px;
  left: 3px;
  right: 3px;
  top: 50%
}

.zk-checkbox__inner.is-indeterminate::after {
  display: none
}

.zk-checkbox__inner.is-focus {
  border-color: $color-primary
}

.zk-checkbox__inner.is-checked {
  background-color: $color-primary;
  border-color: $color-active;
}

.zk-checkbox__inner.is-checked::after {
  transform: rotate(45deg) scaleY(1)
}

.zk-checkbox__inner.is-disabled {
  background-color: #EFF2F7;
  border-color: #D3DCE6;
  cursor: not-allowed
}

.zk-checkbox__inner.is-disabled::after {
  cursor: not-allowed;
  border-color: #EFF2F7
}

.zk-checkbox__inner.is-disabled+.zk-checkbox__label {
  cursor: not-allowed
}

.zk-checkbox__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  left: -999px
}

.zk-checkbox__label {
  font-size: 14px;
  padding-left: 5px
}
